<template>
    <div>
        <img src="//19912676.s61i.faiusr.com/2/AD0I5K_-CRACGAAguOjx6AUomvGp-AEwgA84rAI.jpg" alt="">
        <xiaochengxv></xiaochengxv>
    <Zhongjian></Zhongjian>
    <div class="phone">
        <Phone></Phone>
        <Phone></Phone>
        <div class="but">
            <Button></Button>

        </div>
        

    </div>

    <Footer></Footer>

    </div>

  
</template>

<script>
import xiaochengxv from './first_xiaochengxv.vue';
import Zhongjian from './first_zhongjian';
import Phone from './Phone.vue';
import Footer from './Footer.vue';
import Button from './Button.vue'; 
export default {
    name: "SeCond",
    components: {
    xiaochengxv,
    Zhongjian,
    Phone,
    Footer,
    Button
}
}
</script>

<style scoped>
div{
    overflow: hidden;
}
img{
    width: 100%;
}
.phone{
    text-align: center;
}
.but{
    display: inline-block;
    margin-top: -80px;

}
</style>